.index-header
    font-weight 700
    white-space nowrap
    overflow hidden
    text-overflow ellipsis

@media (max-width: 768px)
    .index-header
        font-size 1.25rem
        white-space normal
        overflow hidden
        margin-top 1.25rem

.index-thumbnails
    display block
    width 100%
    height 10rem
    background-repeat no-repeat
    background-size cover
    background-position center

.index-excerpt
    margin 0.5rem 0 0.5rem 0
    height auto
    max-height 5rem
    line-height 1.25rem
    overflow hidden
    .index-text
        float right
        margin-left -0.25rem
        width 100%
        word-break break-word
    &::before
        float left
        width 0.25rem
        content ''
        height 2rem

// .index-excerpt::after {
//     float: right;
//     content: "...";
//     height: 1rem;
//     line-height: 1rem;
//     !* 为三个省略号的宽度 *!
//     width: 3em;
//     !* 使盒子不占位置 *!
//     margin-left: -3em;
//     !* 移动省略号位置 *!
//     position: relative;
//     left: 100%;
//     top: -1rem;
//     padding-right: 0.25rem;
// }